<div align="justify" style="font-size:12px; color:#222222; padding: 5px 30px 30px 30px;">
    <h4>Importar Plantilla</h4>
    <center>
        <div id="buscador">          
            <table width="100%" border="0px">
              <form action="contactos.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
              <tr>
                <td><div align="center" style="float:left;padding: 5px 5px 5px 5px; width:100px;"></div></td>
                <td><div align="center">
                  <label>
                  <div>
                  	<div align="left" style="float:left;padding: 5px 5px 5px 5px;"><strong>Buscar por:</strong></div>
                  	<div align="right" style="float:left;padding: 5px 5px 5px 5px;">
                    	<input name="txtbuscar" type="text" id="txtbuscar" size="50" maxlength="50" />
                        </div>
                  </div>
                  </label>
                </div></td>
                <td>
                  <div>
                  <div align="left" style="float:left;padding: 5px 5px 5px 5px;"><strong>En:</strong></div>
                    <div align="right" style="float:left;padding: 5px 5px 5px 5px;">
                    <select name="lstopciones" size="1" id="lstopciones" style="width: 200px;">
                      <option value="con_nombre" selected="selected">Nombre</option>
                      <option value="con_apellidos">Apellidos</option>
                      <option value="con_email">E-Mail</option>
                      <option value="con_twitter">Twitter</option>
                      <option value="con_facebook">Facebook</option>
                      <option value="con_telefono">Telefono</option>                      
                    </select>
                    </div>
                  </div>                </td>
                <td>
                <div align="center" style="float:left;">
                  <label>
                  <input type="submit" name="btnbuscar" class="boton_buscar" value="Buscar" />
                  </label>
                </div> 
                </td>
              </tr>
              </form>
              <tr>
                <td colspan="4">
                <div id="abecedario">
                  <div>
                  <table width="100%" border="0">
                    <tr align="center">
                    {section name=i loop=$abecedario}
                      <td>
                      <div id="{$abecedario[i]}" style="border:solid 1px #999999; width:80%; text-align:center; padding:3px;background:#FFFFFF;">
                      <a href="contactos.php?do=buscar&let={$abecedario[i]}">{$abecedario[i]}</a>
                      </div>
                      </td>
                    {/section}
                    </tr>
                  </table>
                  </div>
                </div>
                </td>
              </tr>
            </table>
        </div>
        </center>
        
        
        <div style="padding: 10px 10px 10px 10px">
            <table class="lista">
              <tr>
                <th width="1%">Codigo</th>
                <th>Nombre</th>
                <th>Apellidos</th>
                <th>Cargo</th>
                <th>Email</th>
                <th>Twitter</th>
                <th>Facebook</th>
                <th>Telefono</th>
                <th>Accion</th>
              </tr>
              {section name=i loop=$listacontactos}
              <tr> 		
                <td>{$listacontactos[i].con_cod}</td>
                <td>
                <a href="contactos.php?do=mod&id={$listacontactos[i].con_cod}" style="color:#003366;">{$listacontactos[i].con_nombre|utf8_encode}</a>
                </td>
                <td>{$listacontactos[i].con_apellidos|utf8_encode}</td>
                <td>{$listacontactos[i].con_cargo|utf8_encode}</td>
                <td>{$listacontactos[i].con_email|utf8_encode}</td>
                <td>
                    {if $listacontactos[i].con_twitter != ""}
                    <a href="http://www.twitter.com/{$listacontactos[i].con_twitter|utf8_encode}" target="_blank">
                    <img class="redsocial_icon" title="Twitter" border="0" alt="Facebook" align="left" src="img/twt.png" width="14" height="14">
                    </a>
                    <a href="http://www.twitter.com/{$listacontactos[i].con_twitter|utf8_encode}"  target="_blank">{$listacontactos[i].con_twitter|utf8_encode}</a>
                    {/if}                      
                </td>
                <td>
                	{if $listacontactos[i].con_facebook != ""}                    
					<a href="http://www.facebook.com/{$listacontactos[i].con_facebook|utf8_encode}" target="_blank">
                    	<img class="redsocial_icon" title="Facebook" border="0" alt="Facebook" align="left" src="img/fb.jpg" width="14" height="14">
                    </a>
                    <a href="http://www.facebook.com/{$listacontactos[i].con_facebook|utf8_encode}" target="_blank">{$listacontactos[i].con_facebook|utf8_encode}</a>                    {/if}                    
                </td>
                <td>{$listacontactos[i].con_telefono}</td>
                <td align="center">
                <a href="contactos.php?do=mod&id={$listacontactos[i].con_cod}">Editar</a>
                <a href="contactos.php?do=dell&id={$listacontactos[i].con_cod}">Eliminar</a></td>                                                     
              </tr>
             {/section}
            </table>
        </div>
                <p>
        	SOCIAL CRM es un Sistema de Gesti&oacute;n y Administraci&oacute;n de Campa&ntilde;as publicitarias para peque&ntilde;as y medianas empresas, desde un enfoque de SOCIAL MEDIA.
            Se gestionar&aacute; un publicaci&oacute;n autom&aacute;tica en las Redes Sociales como Faceboook, Twitter and Linkedin por cada env&iacute;o de publicidad realizado.
        </p>
</div>